

<div class="timeline-container">
    <div class="timeline-label">
        <span class="label label-success arrowed-in-right label-lg">
            <b>뉴스</b>
        </span>
        <div><hr></div>
        <form method="post" class="well padding-bottom-10" onsubmit="return false;" style="margin-left: 26px;">
    <textarea rows="2" class="form-control" placeholder="지금 생각하고 계시는 건?"></textarea>
    <div class="margin-top-10">
        <button type="submit" class="btn btn-sm btn-primary pull-right">
            게시
        </button>
        <a data-original-title="Add Location" href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title=""><i class="fa fa-pencil"></i></a>
        <a data-original-title="Add Photo" href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title=""><i class="fa fa-camera"></i></a>
        <a data-original-title="Add File" href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title=""><i class="fa fa-link"></i></a>
        <a data-original-title="Add File" href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title=""><i class="fa fa-play"></i></a>
    </div>
</form>
        
    </div>

    <div class="timeline-items">

        <div class="timeline-item clearfix" style="">
            <div class="timeline-info">
                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
            </div>

            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" class="blue">Pearl K</a>
                    </h5>
                    <span class="widget-toolbar">
                        <i class="ace-icon fa fa-clock-o bigger-110"></i>
                        16:22
                    </span>
                    <span class="grey widget-toolbar no-border">공개적으로 공유함</span>
                </div>

                <div class="widget-body">
                    <div class="widget-main">
                        온 국민이 슬픔에 잠기고 또 염원하는 이 와중에<br>
                        이런 소식을 전하는 것도 왠지 죄송스럽지만<br>
                        펄케이의 2nd single [Save me] 가 발표되었어요.<br>
                        저만의 작품이 아닌 여러 사람들의 노력과 정성이 깃든<br>
                        음악임을 잊지 않겠습니다.<br>
                        마음을 담아 만든 음악이니 소중히 들어주시고 응원해주시면<br>
                        더 좋은 음악을 만드는 원동력이 될 것 같아요 ^^
                        <div class="space-6"></div>
                        <div class="widget-toolbox clearfix">
                            <div class="pull-left">
                                <a href="#" class="bigger-110">더 보기 …</a>
                            </div>
                            <div class="pull-right action-buttons">
                                <a href="#">
                                    <i class="ace-icon fa fa-heart red bigger-125"></i>
                                </a>
                                <a href="#">
                                    <i class="ace-icon fa fa-share red bigger-125"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="timeline-item clearfix">
            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" data-action="">댓글 33개 &nbsp;
                            <i class="ace-icon fa fa-chevron-down"></i>
                        </a>
                    </h5>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        저도 공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row-fluid" style="padding: 12px;">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="댓글 추가">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">추가</button>
                        </span>
                    </div><!-- /input-group -->
                </div>
            </div><!-- /.widget-box -->
        </div>
    </div><!-- /.timeline-items -->

    <div class="timeline-items">

        <div class="timeline-item clearfix" style="">
            <div class="timeline-info">
                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
            </div>

            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" class="blue">Pearl K</a>
                    </h5>
                    <span class="widget-toolbar">
                        <i class="ace-icon fa fa-clock-o bigger-110"></i>
                        16:22
                    </span>
                    <span class="grey widget-toolbar no-border">공개적으로 공유함</span>
                </div>

                <div class="widget-body">
                    <div class="widget-main">
                        온 국민이 슬픔에 잠기고 또 염원하는 이 와중에<br>
                        이런 소식을 전하는 것도 왠지 죄송스럽지만<br>
                        펄케이의 2nd single [Save me] 가 발표되었어요.<br>
                        저만의 작품이 아닌 여러 사람들의 노력과 정성이 깃든<br>
                        음악임을 잊지 않겠습니다.<br>
                        마음을 담아 만든 음악이니 소중히 들어주시고 응원해주시면<br>
                        더 좋은 음악을 만드는 원동력이 될 것 같아요 ^^
                        <div class="space-6"></div>
                        <div class="widget-toolbox clearfix">
                            <div class="pull-left">
                                <a href="#" class="bigger-110">더 보기 …</a>
                            </div>
                            <div class="pull-right action-buttons">
                                <a href="#">
                                    <i class="ace-icon fa fa-heart red bigger-125"></i>
                                </a>
                                <a href="#">
                                    <i class="ace-icon fa fa-share red bigger-125"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="timeline-item clearfix">
            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" data-action="">댓글 33개 &nbsp;
                            <i class="ace-icon fa fa-chevron-down"></i>
                        </a>
                    </h5>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        저도 공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row-fluid" style="padding: 12px;">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="댓글 추가">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">추가</button>
                        </span>
                    </div><!-- /input-group -->
                </div>
            </div><!-- /.widget-box -->
        </div>
    </div><!-- /.timeline-items -->

    <div class="timeline-items">

        <div class="timeline-item clearfix" style="">
            <div class="timeline-info">
                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
            </div>

            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" class="blue">Pearl K</a>
                    </h5>
                    <span class="widget-toolbar">
                        <i class="ace-icon fa fa-clock-o bigger-110"></i>
                        16:22
                    </span>
                    <span class="grey widget-toolbar no-border">공개적으로 공유함</span>
                </div>

                <div class="widget-body">
                    <div class="widget-main">
                        온 국민이 슬픔에 잠기고 또 염원하는 이 와중에<br>
                        이런 소식을 전하는 것도 왠지 죄송스럽지만<br>
                        펄케이의 2nd single [Save me] 가 발표되었어요.<br>
                        저만의 작품이 아닌 여러 사람들의 노력과 정성이 깃든<br>
                        음악임을 잊지 않겠습니다.<br>
                        마음을 담아 만든 음악이니 소중히 들어주시고 응원해주시면<br>
                        더 좋은 음악을 만드는 원동력이 될 것 같아요 ^^
                        <div class="space-6"></div>
                        <div class="widget-toolbox clearfix">
                            <div class="pull-left">
                                <a href="#" class="bigger-110">더 보기 …</a>
                            </div>
                            <div class="pull-right action-buttons">
                                <a href="#">
                                    <i class="ace-icon fa fa-heart red bigger-125"></i>
                                </a>
                                <a href="#">
                                    <i class="ace-icon fa fa-share red bigger-125"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="timeline-item clearfix">
            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" data-action="">댓글 33개 &nbsp;
                            <i class="ace-icon fa fa-chevron-down"></i>
                        </a>
                    </h5>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        저도 공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row-fluid" style="padding: 12px;">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="댓글 추가">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">추가</button>
                        </span>
                    </div><!-- /input-group -->
                </div>
            </div><!-- /.widget-box -->
        </div>
    </div><!-- /.timeline-items -->

    <div class="timeline-items">

        <div class="timeline-item clearfix" style="">
            <div class="timeline-info">
                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
            </div>

            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" class="blue">Pearl K</a>
                    </h5>
                    <span class="widget-toolbar">
                        <i class="ace-icon fa fa-clock-o bigger-110"></i>
                        16:22
                    </span>
                    <span class="grey widget-toolbar no-border">공개적으로 공유함</span>
                </div>

                <div class="widget-body">
                    <div class="widget-main">
                        온 국민이 슬픔에 잠기고 또 염원하는 이 와중에<br>
                        이런 소식을 전하는 것도 왠지 죄송스럽지만<br>
                        펄케이의 2nd single [Save me] 가 발표되었어요.<br>
                        저만의 작품이 아닌 여러 사람들의 노력과 정성이 깃든<br>
                        음악임을 잊지 않겠습니다.<br>
                        마음을 담아 만든 음악이니 소중히 들어주시고 응원해주시면<br>
                        더 좋은 음악을 만드는 원동력이 될 것 같아요 ^^
                        <div class="space-6"></div>
                        <div class="widget-toolbox clearfix">
                            <div class="pull-left">
                                <a href="#" class="bigger-110">더 보기 …</a>
                            </div>
                            <div class="pull-right action-buttons">
                                <a href="#">
                                    <i class="ace-icon fa fa-heart red bigger-125"></i>
                                </a>
                                <a href="#">
                                    <i class="ace-icon fa fa-share red bigger-125"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="timeline-item clearfix">
            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" data-action="">댓글 33개 &nbsp;
                            <i class="ace-icon fa fa-chevron-down"></i>
                        </a>
                    </h5>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        저도 공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row-fluid" style="padding: 12px;">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="댓글 추가">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">추가</button>
                        </span>
                    </div><!-- /input-group -->
                </div>
            </div><!-- /.widget-box -->
        </div>
    </div><!-- /.timeline-items -->

    <div class="timeline-items">

        <div class="timeline-item clearfix" style="">
            <div class="timeline-info">
                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
            </div>

            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" class="blue">Pearl K</a>
                    </h5>
                    <span class="widget-toolbar">
                        <i class="ace-icon fa fa-clock-o bigger-110"></i>
                        16:22
                    </span>
                    <span class="grey widget-toolbar no-border">공개적으로 공유함</span>
                </div>

                <div class="widget-body">
                    <div class="widget-main">
                        온 국민이 슬픔에 잠기고 또 염원하는 이 와중에<br>
                        이런 소식을 전하는 것도 왠지 죄송스럽지만<br>
                        펄케이의 2nd single [Save me] 가 발표되었어요.<br>
                        저만의 작품이 아닌 여러 사람들의 노력과 정성이 깃든<br>
                        음악임을 잊지 않겠습니다.<br>
                        마음을 담아 만든 음악이니 소중히 들어주시고 응원해주시면<br>
                        더 좋은 음악을 만드는 원동력이 될 것 같아요 ^^
                        <div class="space-6"></div>
                        <div class="widget-toolbox clearfix">
                            <div class="pull-left">
                                <a href="#" class="bigger-110">더 보기 …</a>
                            </div>
                            <div class="pull-right action-buttons">
                                <a href="#">
                                    <i class="ace-icon fa fa-heart red bigger-125"></i>
                                </a>
                                <a href="#">
                                    <i class="ace-icon fa fa-share red bigger-125"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="timeline-item clearfix">
            <div class="widget-box transparent">
                <div class="widget-header widget-header-small">
                    <h5 class="widget-title smaller">
                        <a href="#" data-action="">댓글 33개 &nbsp;
                            <i class="ace-icon fa fa-chevron-down"></i>
                        </a>
                    </h5>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div style="padding: 6px 12px 6px 0;">
                    <div class="row" style="margin: 0;">
                        <div class="col-xs-1 timeline-info" style="padding: 0;">
                            <div style="padding: 0;">
                                <img alt="Susan't Avatar" src="<?php echo base_url('assets/home_feed/images/avatars/avatar1.png'); ?>">
                            </div>
                        </div>
                        <div class="col-xs-10 pull-right" style="padding: 0;">
                            <div class="widget-body">
                                <div class="widget-main" style="padding:7px 0 7px 0;">
                                    <div class="widget-toolbox clearfix">
                                        저도 공유합니다.
                                        <div class="pull-right action-buttons">
                                            <div>
                                                <a href="#" title="좋아요">
                                                    <i class="ace-icon fa fa-thumbs-up blue bigger-125"></i>
                                                </a>
                                                <a href="#" title="답글 쓰기">
                                                    <i class="ace-icon fa fa-pencil-square grey bigger-130"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row-fluid" style="padding: 12px;">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="댓글 추가">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">추가</button>
                        </span>
                    </div><!-- /input-group -->
                </div>
            </div><!-- /.widget-box -->
        </div>
    </div><!-- /.timeline-items -->

</div><!-- /.timeline-container -->


